<template>
  <div style="margin-top: 65px">
    <sunDrawerBack show="show_checkPermissions" :parent="this.$parent.$parent" />
    <el-page-header class="sun-el-page-header" :content="`角色【${title}】`" @back="goBack" />
    <el-card class="sun-el-card" style="margin-bottom: 94px !important;">
      <el-table
        ref="table"
        :data="list"
        element-loading-text="数据加载中..."
        border
        fit
        highlight-current-row
        :header-cell-style="{color:'#000000'}"
      >
        <el-table-column align="center" label="ID" width="55" prop="id" />
        <el-table-column label="说明" prop="description" />
      </el-table>
    </el-card>
    <div class="sun-drawer-base-btn">
      <el-button size="mini" @click="goBack">取 消</el-button>
    </div>
  </div>
</template>

<script>
import SunDrawerBack from '@/sun-components/SunDrawerBack'
export default {
  name: 'AdminRoles',
  components: { SunDrawerBack },
  data() {
    return {
    }
  },
  computed: {
    title() {
      return this.$parent.$parent.checkPermissions.name
    },
    list() {
      return this.$parent.$parent.checkPermissions.permissions
    }
  },
  created() {
  },
  methods: {
    async goBack() {
      this.$parent.$parent.show_checkPermissions = false
    }
  }
}
</script>
<style lang="scss" scoped>
  @import '@/styles/sun-style.scss';
</style>
